<!DOCTYPE html>
<html>
<head>
    <meta name="description" content="Updating the DOM">
    <script src="https://unpkg.com/react@15.4.2/dist/react.js"></script>
    <script src="https://unpkg.com/react-dom@15.4.2/dist/react-dom.js"></script>
    <script src="https://code.jquery.com/jquery-2.1.4.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.23/browser.js"></script>
    <meta charset="utf-8">
    <meta name="viewport" content="minimum-scale=1.0, width=device-width, maximum-scale=1.0, user-scalable=no" />
    <link rel="stylesheet" href="DOM-rendering-moods.css">
    <title>Updating the DOM</title>
</head>
<body>
<header>
    <h1>Updating the DOM</h1>
    <p>Press the Spacebar to change the mood</p>
</header>
<section>
    <h2>jQuery</h2>
    <div id="target-jquery"></div>
</section>
<section>
    <h2>React</h2>
    <div id="target-react"></div>
</section>
<script src="DOM-rendering-moods.js" type="text/babel"></script>
</body>
</html>
